<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta http-equiv="pragma" content="no-cache" />
	<link rel="stylesheet" href="/css/style.css" type="text/css"/>
	<script type="text/javascript" src="/js/jquery.js"></script>
	<script type="text/javascript" src="/js/util.js"></script>
</head>
<script type="text/javascript">
var blockcount = 12;
var currentblock = 0;
$(document).ready(function() {
	var code = "";
	for(var i=0;i<blockcount;i++) {
		code = code + "<td><div class='block' id='block_"+ i +"'></div></td>";
	}
	$("#masker").html(code);
	setInterval("riding()",500);
});
function riding() {
	for(var i=0;i<blockcount;i++) {
		if(i == currentblock) {
			$("#block_" + i).removeClass("block");
			$("#block_" + i).addClass("hightblock");
		}else{
			$("#block_" + i).removeClass("hightblock");
			$("#block_" + i).addClass("block")
		}
	}
	currentblock = (currentblock+1) % blockcount;
}
</script>
<body>
<center>
<div class="masker">
<table>
<tbody>
	<tr id="masker">
	</tr>
</tbody>
</table>
<span class="banner">
数据加载中
</span>
</div>
</center>

</body>